* {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    background-color: rgb(207, 203, 203);
}

.detail {
    width: 500px;
    height: auto;
    margin: 0 auto;

    .header {
        width: 100%;
        height: auto;
        background-color: #E9ECF0;

        .title {
            width: 500px;
            height: 73.3301px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            background-color: #fff;
            position: fixed;
            top: 0px;

            .title-img1 {
                width: 16.9999px;
                height: 28.9999px;
                margin-left: 14.67px;
            }

            .title-img2 {
                width: 102.1901px;
                height: 54.4001px;
                margin-left: 158.4px;
            }

            .title-img3 {
                width: 22.6699px;
                height: 19.9999px;
                margin-left: 159.42px;
                opacity: 1;
            }
        }

        .commodity {
            width: 100%;
            height: auto;
            margin-top: 73.3301px;
            background-color: #fff;

            .commodity-label {
                width: 100%;
                height: auto;
                border-bottom: 1.3301px solid #e9ecf0ff;

                .commodity-label-content {
                    width: 460.0001px;
                    height: auto;
                    margin: 0 auto;

                    .commodity-label-bt {
                        font-size: 19.9999px;
                        color: #555555;
                        margin-top: 19.9999px;
                    }

                    .commodity-label-jg {
                        margin-top: 18.6701px;
                        line-height: 34.9999px;
                        margin-bottom: 21.33px;
                    }
                }
            }

            .commodity-content {
                width: 460.0001px;
                height: auto;
                margin: 0 auto;

                .commodity-content-list {
                    width: 100%;
                    height: 220.0001px;

                    .commodity-content-list-one {
                        width: 100%;
                        height: 54.6701px;
                        line-height: 54.6701px;
                        display: flex;
                        justify-content: space-between;

                        .commodity-content-list-one-wz {
                            width: 73.6001px;
                            font-size: 18.6701px;
                            color: #555555;
                        }

                        .commodity-content-list-one-wz2 {
                            width: 386.4px;
                            height: 54.6701px;
                            font-size: 18.6701px;
                            color: #555555;
                            border-bottom: 1.3301px solid #e9ecf0ff;
                            ;
                        }
                    }
                }
            }

            .commodity-gm {
                width: 100%;
                height: 82.6699px;
                background-color: #fff;
                display: flex;
                align-items: center;
                line-height: 82.6699px;

                .commodity-gmsl {
                    width: 247.0001px;
                    height: 42.6701px;
                    margin-left: 19.9999px;
                    font-size: 18.6701px;
                    color: #555555;
                    display: flex;
                    justify-content: space-between;

                    .commodity-gmsl-one {
                        width: 37.9999px;
                        height: 40.0001px;
                        text-align: center;
                        position: relative;

                        p {
                            position: absolute;
                            top: -16.9999px;
                            left: 0;
                        }
                    }

                    .commodity-gmsl-two {
                        width: 146.6599px;
                        height: 100%;
                        display: flex;
                        justify-content: space-between;

                        .commodity-gmsl-two-li-1 {
                            width: 41.3299px;
                            height: 42.6701px;
                            border-top: 1.3301px solid #ddddddff;
                            border-bottom: 1.3301px solid #ddddddff;
                            border-left: 1.3301px solid #ddddddff;
                            background: #f5f5f5ff;
                            text-align: center;
                            line-height: 42.6701px;
                        }

                        .commodity-gmsl-two-li-2 {
                            width: 64.0001px;
                            height: 42.6701px;
                            text-align: center;
                            line-height: 42.6701px;
                            border: 1.3301px solid #ddddddff;
                        }

                        .commodity-gmsl-two-li-3 {
                            width: 41.3299px;
                            height: 42.6701px;
                            border-top: 1.3301px solid #ddddddff;
                            border-bottom: 1.3301px solid #ddddddff;
                            border-right: 1.3301px solid #ddddddff;
                            background: #f5f5f5ff;
                            text-align: center;
                            line-height: 42.6701px;
                        }
                    }
                }
            }
        }
    }

    .main {
        width: 100%;
        height: auto;
        background-color: #fff;

        .main-ddpj {
            width: 100%;
            height: 70.6699px;
            display: flex;
            align-items: center;
            border-bottom: 1.3301px solid #e9ecf0ff;

            .main-ddpj-top {
                width: 460.0001px;
                height: 29.3299px;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
                color: #555555;
                line-height: 29.3299px;

                span {
                    line-height: 29.3299px;
                }
            }
        }

        .main-yhpj-warp {
            width: 100%;
            height: 726.8801px;

            .main-yhpj {
                width: 100%;
                height: 266.1px;
                border-bottom: 1.3301px solid #e9ecf0ff;

                .main-yhpj-content {
                    width: 460.0001px;
                    height: 251.43px;
                    margin: 0 auto;

                    .main-yhpj-content-one {
                        width: 460.0001px;
                        height: 53.3299px;
                        margin-top: 19.9999px;
                        display: flex;
                        align-items: center;
                        color: #555555;
                        font-size: 18.6701px;
                    }

                    .main-yhpj-content-two {
                        width: 460.0001px;
                        height: 198.1001px;
                        margin-top: 18.6701px;
                        font-size: 18.6701px;
                        color: #555555;

                        p {
                            width: 448.2701px;
                            height: auto;
                        }

                        img {
                            width: 73.5799px;
                            height: 98.1px;
                        }
                    }
                }
            }

            .main-gdpj {
                width: 112.0001px;
                height: 38.67px;
                margin: 0 auto;
                margin-top: 60px;
                font-size: 16.0001px;
                color: #555555;
                text-align: center;
                line-height: 38.67px;
                border: 1.3301px solid #232628ff;
            }
        }

        .main-cpxq {
            width: 100%;
            height: auto;

            .main-cpxq-wz {
                width: 88.0001px;
                height: 30.6701px;
                margin-left: 19.9999px;
                font-size: 22.0001px;
                color: #555555;
                background: #ffffffff;
            }

            .main-bot {
                width: 100%;
                height: 153.33px;
            }
        }
    }

    .bottom {
        position: fixed;
        bottom: 0;
        width: 500px;
        background-color: #fff;
        height: auto;
        display: flex;
        justify-content: space-between;

        .bottom-li-1 {
            width: 67.6301px;
            height: 66.6701px;
            border-right: 1.3301px solid #e9ecf0ff;
            background-color: #f5f5f6;
            justify-content: center;
            text-align: center;

            .bottom-li-img1 {
                width: 33.33px;
                height: 33.33px;
            }

            .bottom-li-img2 {
                width: 31.9999px;
                height: 31.9999px;
            }

            .bottom-li-img3 {
                width: 31.9999px;
                height: 26.67px;
            }
        }

        .bottom-li-2 {
            width: 149.2099px;
            height: 66.6701px;
            font-size: 18.6701px;
            color: #fff;
            text-align: center;
            line-height: 66.6701px;
            background: #3d4d42ff;
        }
    }
}